<div class="row greyContainer"  ng-click="goHome()">
    <img ng-src="{{assetsPath('masthead.png')}}" >
</div>
<div class="row">
    <div>&NonBreakingSpace;</div>
</div>
<div class="row">
    <div class="col_md-12 col-sm-12 col-xs-12">
        <div class="col_md-12 col-sm-12 col-xs-12">
            <div class="col_md-4 col-sm-4 col-xs-12">
                <div><button ng-click="goHome()">Back</button></div>
                <div>{{selectedTags}}</div>
                <div ng-show="selectedTags.length>0">
                    <button ng-click="searchTags(selectedTags)" type="submit">Search topics</button>
                    <hr>
                </div>
                <div>
                    <label>Select tags from below or enter text to narrow list of tags</label>
                    <input type="text" ng-model="searchTagText" name="searchTagText" width="col_md-12">
                </div>
                <div>
                    <button ng-repeat="item in tagsInCategory | filter:searchTagText" class="btn btn-default btn-sm" ng-click="updateSearchTags(item.name)">{{item.name}}</button>
                </div>
            </div>
            <div class="col_md-8 col-sm-8 col-xs-12">
                <div ng-hide="topicBeingEdited" >
                    <div ng-repeat="topic in topicsList" class="col-lg-4 col-md-6 col-sm-12">
                        <topic topic="{{topic}}" topic-search-tags="{{topicSearchTags}}"></topic>
                    </div>
                </div>
                <div ng-show="topicBeingEdited">
                    <topic-editor class="col-lg-4 col-md-6 col-sm-12" topic="{{topic}}"></topic-editor>
                </div>
            </div>
        </div>
    </div>

</div>